body { font-size: 14px; }
a:hover { text-decoration: none; }
ul { list-style: none; }
ul:after { content: ""; display: block; clear: both; }
img { display: inline-block; max-width: 100%; text-indent: 0; }
table { border-collapse: collapse; }
.flex { display: flex; display: -webkit-flex; flex-wrap: wrap; }
.flex-around { justify-content: space-around; }
.flex-between { justify-content: space-between; }
.main-width { width: 1300px; margin: 0 auto; }
.w1170 { width: 1170px; margin: 0 auto; }

.page2 { width: 100%; height: 24px; line-height: 24px; margin-top: 20px; }
.page2 .prev { display: block; width: auto; float: left; height: 100%; padding-left: 10px; padding-right: 10px; }
.page2 .next { display: block; width: auto; float: right; height: 100%; padding-left: 10px; padding-right: 10px; }

.page { list-style: none; position: absolute; left: 50%; bottom: -100px; z-index: 0; transform: translateX(-50%); white-space: nowrap; }
.page li { display: inline-block; width: auto; height: 28px; line-height: 28px; text-align: center; margin-left: 3px; margin-right: 3px; border-style: solid; border-color: #AAAAAA; border-width: 1px 1px 1px 1px; }
.page li a { display: block; width: 100%; height: 100%; text-decoration: none; }
.page .p { width: 28px; }
.page .prevPage { width: 58px; }
.page .nextPage { width: 58px; }
.page .select { background-color: #0857b0; color: #FFFFFF; }

.top { width: 100%; height: auto; position: fixed; top: 0px; left: 0px; background-color: transparent; z-index: 999; }
.top > .quick_view { width: 100%; height: 24px; line-height: 24px; padding: 8px 0; border: 1px solid rgba(255,255,255,0.14); }
.top > .head { width: 100%; height: 80px; }

.quick_view .left { width: auto; float: left; text-align: left; }
.quick_view .left .item { display: inline-block; padding-left: 30px; margin-right: 30px; color: #484848; vertical-align: middle; }
.quick_view .right { width: auto; float: right; }
.quick_view .right .item { display: inline-block; vertical-align: middle; margin-left: 20px; }

.head .logo { display: block; padding: 5px 0; width: auto; height: 80px; float: left; text-align: left; box-sizing: border-box; position: relative; }
.head .logo img { display: inline-block; max-width: initial; max-height: 100%; vertical-align: middle; position: absolute; top: 50%; transform: translateY(-50%); }
.head .nav { display: block; float: right; line-height: 80px; }
.head .nav > li { width: auto; float: left; position: relative; }
.head .nav > li > a { width: auto; padding: 0 15px; color: #484848; }
.head .nav > .d > a::after { display: inline-block; width: 0; height: 0; margin-top: -3px; content: ''; vertical-align: middle; border-top: .286rem solid; border-right: .286rem solid transparent; border-left: .286rem solid transparent; margin-right: 0; margin-left: .3em; }
.head .nav > li > .subnav { min-width: 100%; position: absolute; top: 80px; left: 50%; transform: translateX(-50%); background-color: #fff; overflow: hidden; }
.head .nav > li > .subnav li { line-height: 40px; white-space:nowrap;padding:0 10px; }
.head .nav > li > .subnav li a { display: block; color: #484848; }

.top.n .quick_view { display: none; }
.top.n .head { background-color: #fff; box-shadow: 0 0 6px rgba(0,0,0,.25); }
.top.n .head .nav > li > a { color: #484848; }
.top.n .head .nav > li > .subnav li a { color: #484848; }

.head .nav > li > a:hover, .head .nav > .select > a { color: #0857b0!important; }
.head .nav > li > .subnav li a:hover { color: #0857b0!important; }

.bottom { width: 100%; height: auto; background: url(../image/foot-bg.jpg) no-repeat center center; background-size: auto 100%; color: #fff; padding: 60px 0 20px 0; }
.bottom_item { text-align: left; }
.bottom_item .bottom_tit { margin-bottom: 38px; font-size: 24px; }

.bottom_about { width: 363px; padding: 0 13px; }
.bottom_about .bottom_con { color: #ffffff; font-size: 16px; width: 80%; line-height: 2; }

.bottom_nav { width: 363px; padding: 0 13px; }
.bottom_nav .bottom_con, .bottom_nav .bottom_con ul { width: 100%; height: auto; }
.bottom_nav .bottom_con ul li { width: 100%; line-height: 28px; padding-left: 20px; box-sizing: border-box; background: url(../image/right.png) no-repeat left center; background-size: 14px; }
.bottom_nav .bottom_con ul li a { color: #fff; }

.bottom_contact .bottom_con p { line-height: 28px; margin-bottom: 28px; }

.bottom .links { width: 915px; height: 38px; line-height: 38px; margin: 42px auto; }
.bottom .links a { color: #fff; font-size: 16px; }
.bottom .links a:nth-child(n+2)::before { display: inline-block; padding-right: .5rem; padding-left: .5rem; content: '/'; color: #ccd5db; padding: 0 5px; }

.bottom .copyright { line-height: 25px; }
.bottom .copyright a { color: #fff; }